<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>主页</title>
</head>
<style>
    table,
    th,
    td {
        border: 1px solid;
        border-spacing: 0px;
    }
</style>
</style>

<body>
    <div>
        <input type="text" placeholder="查找博客标题、摘要、内容、分类、作者" id="keyword">
        <input type="button" value="查找" onclick="query()">
        <input type="button" value="新增" onclick="add()">
    </div>

    <table id="tb">
        <tr>
            <th>
                标题
            </th>
            <th>
                摘要
            </th>
            <th>
                内容
            </th>
            <th>
                分类
            </th>
            <th>
                作者
            </th>
            <th>
                发表时间
            </th>
            <th>
                操作
            </th>
        </tr>
    </table>


    <script src="./js/jquery-3.6.0.min.js"></script>
    <script src="./js/api.js"></script>
    <script src="./js/init.js"></script>
</body>

</html>